<template>
    <div>
      <div style="height:1100px;">
        <div style="border-bottom: 1px solid peachpuff">
          <h1>Mybatis面试题</h1>
        </div>
        <div style="margin: 20px;display: flex">
          <div style="margin-top: 20px;margin-right: 20px">
            <el-button type="danger">1/20</el-button>
          </div>
          <div>
            <h2>下面有关JVM内存，说法错误的是？</h2>
          </div>
          <div style="margin-top: 20px">
            <icon class="el-icon-d-arrow-left"/>
            <span style="font-size: 25px;font-weight: bold;color: peachpuff">单选题</span>
            <icon class="el-icon-d-arrow-right"/>
          </div>
        </div>
        <div style="margin-left: 20px;">
          <div v-for="(item,index) in 4" :key="index" style="margin-bottom: 20px;font-size: 20px;margin-top: 20px;">
            <el-radio size="medium" border v-model="radio" :label="index">交卷即可查看全部答案和解析，完成所有题目有机会获得企业内推</el-radio>
          </div>
        </div>
        <div style="display: flex;justify-content: space-between">
          <div></div>
          <div style="margin-right: 20px">
            <el-button type="danger">提前交卷</el-button>
            <el-button type="danger">下一题</el-button>
          </div>
        </div>
        <el-divider><i class="el-icon-mobile-phone"/></el-divider>
        <div>
          <el-pagination
            background
            layout="prev, pager, next"
            :total="1000">
          </el-pagination>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
        name: "",
      data(){
          return{
            radio: '1'
          }
      }
    }
</script>

<style scoped>

</style>
